var goOutDom = `
    <div>
        <div id='mask' style='z-index:102' v-if='offShow'></div>

        <transition enter-active-class='animated bounceIn' leave-active-class='animated bounceOut'>
            <div v-if='offShow' class='go-out-com'>
                <div class='close-notice-com' style='height:auto;'>
                    <div class='close-img-com' @click='offShow=false;'></div>
                    <p v-text='go_out_data.title'>提醒</p>
                    <p v-text='go_out_data.notice'>您是否确认退出？</p>
                    <div class='close-show-hua-com'>
                        <img :src='go_out_data.img' width='230px'  />
                    </div>
                    <div class='close-btn-sure' style='padding-bottom:40px;'>
                        <button @click='sureControll' v-text='go_out_data.sure'>确认退出</button>
                    </div>
                </div>
            </div>
        </transition>
    </div>
    
`;

Vue.component('gou-out-controll', {
    data: function() {
        return {
            //控制显示隐藏
            offShow: false
        }
    },
    props: ['go_out_data'],
    template: goOutDom,
    methods: {
        sureControll: function() {
            this.$emit('sure');
        }
    }
});